<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./css/areaDetail.css"/>
    <title>场地订单详情</title>
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>
<body id="order_body">

<script type="text/template" id="personOrderDetailsTpl">
    <section id="order_section">
        <div class="order_choose">
            <ul>
                <li class="order_address">
                    <div class="addressBox">
                        <p>服务地址</p>
                    </div>
                    <div class="address">

                        <p class="addp">
                            <span class="address_contacts">联系人：<b>{{data.data.receive_user_name}}</b></span>
                            <span class="address_phone">{{data.data.receive_user_mobile}}</span>
                        </p>


                        <p class="address_customer">服务地址：<b>{{data.data.receive_user_addr}}</b></p>
                    </div>
                </li>
                <li class="order_goodsMsg">
                    <!--<p>商品信息</p>-->
                    <div class="goodsMsgBox">
                        <p>
                            <img src="{{data.data.goods_info.goods_thumb}}" alt=""/>
                        </p>

                        <div class="proModel">

                            <h3>{{data.data.goods_info.goods_name}}</h3>

                            <p class="date">日期: <span></span></p>

                            <div class="info">
                                <h4>套餐：{{data.data.meal_info.group_name}}</h4>

                                <p>{{data.data.cate_info.cat_name}}</p>
                            </div>

                            <div class="countAdd">
                                <span>数量：1</span>
                                <span class="confirmPrice">{{data.data.goods_info.shop_price}}/{{data.data.goods_info.price_unit}}</span>

                            </div>

                        </div>
                    </div>
                </li>
                <li>
                    <div class="proPrice">
                        <div class="server_price">
                            <p>租金金额</p>

                            <div>￥<span></span></div>
                        </div>
                        <div class="coun_price">
                            <p>优惠金额</p>

                            <div>￥<span>{{data.data.use_coupon_count}}</span></div>
                        </div>
                        {{if data.data.order_type!=200}}
                        <div class="service_charge">
                            <p>押金金额</p>

                            <div>￥<span>{{data.data.meal_info.group_worth}}</span></div>
                        </div>
                        {{/if}}


                        <div class="actual_payment">
                            <p>实付金额</p>

                            <div>￥<span>{{data.data.pay_fee}}</span></div>
                        </div>
                    </div>
                </li>
                <li class="order_time">
                    <div>
                        <p class="order_number">订单编号: <span>{{data.data.order_code}}</span></p>

                        <p class="buyTime">下单时间: <span></span></p>

                        <p class="payTime">付款时间: <span></span></p>

                        <p class="takeTime">到达时间: <span></span></p>

                        <p class="returnTime">归还时间: <span></span></p>

                        <p class="order_Time">订单时间: <span></span></p>
                    </div>
                </li>

                <li class="order_sendWay">
                    <div class="confirmSendWay">
                        <p>商家服务地址</p>
                    </div>

                    <div class="confirmAddress">
                        <div class="address">

                            <p class="addp">
                                <span class="">联系人：<b>{{data.data.shop_info.name}}</b></span>
                                <span class="address_phone">{{data.data.shop_info.mobile}}</span>
                            </p>

                            <p class="address_customer addrC">服务地址：<b>{{data.data.shop_info.take_address}}</b></p>

                            <p class="copyAddr"></p>


                        </div>
                    </div>
                </li>

                <li class="order_follow">

                    <p class="address_phone1">立即拨打</p>

                    <p class="p">订单跟踪</p>

                    <p class="chat">实时沟通</p>
                </li>

            </ul>
        </div>
    </section>
</script>
<script type="text/template" id="personOrderDetailsTpl2">
    <section id="order_section1">
        <div class="order_choose">
            <ul>
                <li class="order_address">
                    <div class="addressBox">
                        <p>服务地址</p>
                    </div>
                    <div class="address">

                        <p class="addp">
                            <span class="address_contacts">联系人：<b>{{data.data.receive_user_name}}</b></span>
                            <span class="address_phone">{{data.data.receive_user_mobile}}</span>
                        </p>

                        <p class="address_customer">服务地址：<b>{{data.data.receive_user_addr}}</b></p>
                    </div>
                </li>

                <li class="order_goodsMsg">
                    <!--<p>商品信息</p>-->
                    <div class="goodsMsgBox">
                        <p>
                            <img src="{{data.data.goods_info.goods_thumb}}" alt=""/>
                        </p>

                        <div class="proModel">

                            <h3>{{data.data.goods_info.goods_name}}</h3>

                            <p class="date">日期: <span></span></p>

                            <div class="info">
                                <h4>套餐：{{data.data.meal_info.group_name}}</h4>

                                <p>{{data.data.cate_info.cat_name}}</p>
                            </div>

                            <div class="countAdd">
                                <span>数量：1</span>
                                <span class="confirmPrice">{{data.data.goods_info.shop_price}}/{{data.data.goods_info.price_unit}}</span>

                            </div>

                        </div>
                    </div>
                </li>
                <li>
                    <div class="proPrice">
                        <div class="server_price">
                            <p>租金金额</p>

                            <div>￥<span></span></div>
                        </div>
                        <div class="coun_price">
                            <p>优惠金额</p>

                            <div>￥<span>{{data.data.use_coupon_count}}</span></div>
                        </div>
                        {{if data.data.order_type!=200}}
                        <div class="service_charge">
                            <p>押金金额</p>

                            <div>￥<span>{{data.data.meal_info.group_worth}}</span></div>
                        </div>
                        {{/if}}

                        <div class="actual_payment">
                            <p>待付金额</p>

                            <div>￥<span>{{data.data.pay_fee}}</span></div>
                        </div>
                    </div>
                </li>
                <li class="order_time">
                    <div>
                        <p class="order_number">订单编号: <span>{{data.data.order_code}}</span></p>

                        <p class="buyTime">下单时间: <span></span></p>

                        <p class="payTime">付款时间: <span></span></p>

                        <p class="takeTime">到达时间: <span></span></p>

                        <p class="returnTime">归还时间: <span></span></p>

                        <p class="order_Time">订单时间: <span></span></p>
                    </div>
                </li>

            </ul>
        </div>
    </section>
</script>
<script type="text/template" id="personOrderDetailsTpl3">
    <section id="order_section2">
        <div class="order_choose">
            <ul>
                <li class="order_address">
                    <div class="addressBox">
                        <p>服务地址</p>
                    </div>
                    <div class="address">

                        <p class="addp">
                            <span class="address_contacts">联系人：<b>{{data.data.receive_user_name}}</b></span>
                            <span class="address_phone">{{data.data.receive_user_mobile}}</span>
                        </p>

                        <p class="address_customer">服务地址：<b>{{data.data.receive_user_addr}}</b></p>
                    </div>
                </li>
                <li class="order_goodsMsg">
                    <!--<p>商品信息</p>-->
                    <div class="goodsMsgBox">
                        <p>
                            <img src="{{data.data.goods_info.goods_thumb}}" alt=""/>
                        </p>

                        <div class="proModel">

                            <h3>{{data.data.goods_info.goods_name}}</h3>

                            <p class="date">日期: <span></span></p>

                            <div class="info">
                                <h4>套餐：{{data.data.meal_info.group_name}}</h4>

                                <p>{{data.data.cate_info.cat_name}}</p>
                            </div>

                            <div class="countAdd">
                                <span>数量：1</span>
                                <span class="confirmPrice">{{data.data.goods_info.shop_price}}/{{data.data.goods_info.price_unit}}</span>

                            </div>

                        </div>
                    </div>
                </li>
                <li>
                    <div class="proPrice">
                        <div class="server_price">
                            <p>租金金额</p>

                            <div>￥<span></span></div>
                        </div>
                        <div class="coun_price">
                            <p>优惠金额</p>

                            <div>￥<span>{{data.data.use_coupon_count}}</span></div>
                        </div>
                        {{if data.data.order_type!=200}}
                        <div class="service_charge">
                            <p>押金金额</p>

                            <div>￥<span>{{data.data.meal_info.group_worth}}</span></div>
                        </div>
                        {{/if}}

                        <div class="actual_payment">
                            <p>待付金额</p>

                            <div>￥<span>{{data.data.pay_fee}}</span></div>
                        </div>
                    </div>
                </li>
                <li class="order_time">
                    <div>
                        <p class="order_number">订单编号: <span>{{data.data.order_code}}</span></p>

                        <p class="buyTime">下单时间: <span></span></p>

                        <p class="payTime">付款时间: <span></span></p>

                        <p class="takeTime">到达时间: <span></span></p>

                        <p class="returnTime">归还时间: <span></span></p>

                        <p class="order_Time">订单时间: <span></span></p>
                    </div>
                </li>
                <li class="order_follow">

                    <p class="p">订单跟踪</p>

                </li>

            </ul>
        </div>
    </section>
</script>




<script src="../../person_home/js/flexible.js"></script>
<script src="../../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../../person_home/js/template.js"></script>
<script src="../../person_home/js/url.js"></script>
<script src="../../person_home/js/isIphoneX.js"></script>
<script src="./js/areaDetail.js"></script>
</body>
</html>